import type { ThemeOption } from "echarts/types/src/util/types.js"

export const themeData: { [propName: string]: ThemeOption } = {
  "dark-blue": {
    color: ["#3fb1e3", "#6be6c1", "#626c91", "#a0a7e6", "#c4ebad", "#96dee8"],
    backgroundColor: "#061526",
    textStyle: {},
    title: {
      textStyle: {
        color: "#eeeeee"
      },
      subtextStyle: {
        color: "#aaaaaa"
      }
    },
    line: {
      itemStyle: {
        borderWidth: "2"
      },
      lineStyle: {
        width: "3"
      },
      symbolSize: "8",
      symbol: "circle",
      smooth: false
    },
    radar: {
      itemStyle: {
        borderWidth: "2"
      },
      lineStyle: {
        width: "3"
      },
      symbolSize: "8",
      symbol: "circle",
      smooth: false
    },
    bar: {
      itemStyle: {
        barBorderWidth: 0,
        barBorderColor: "#ccc"
      }
    },
    pie: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    scatter: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    boxplot: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    parallel: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    sankey: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    funnel: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    gauge: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    candlestick: {
      itemStyle: {
        color: "#e6a0d2",
        color0: "transparent",
        borderColor: "#e6a0d2",
        borderColor0: "#3fb1e3",
        borderWidth: "2"
      }
    },
    graph: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      },
      lineStyle: {
        width: 1,
        color: "#cccccc"
      },
      symbolSize: "8",
      symbol: "circle",
      smooth: false,
      color: ["#3fb1e3", "#6be6c1", "#626c91", "#a0a7e6", "#c4ebad", "#96dee8"],
      label: {
        color: "#eee"
      }
    },
    map: {
      itemStyle: {
        areaColor: "#eee",
        borderColor: "#444",
        borderWidth: 0.5
      },
      label: {
        color: "#000"
      },
      emphasis: {
        itemStyle: {
          areaColor: "rgba(255,215,0,0.8)",
          borderColor: "#444",
          borderWidth: 1
        },
        label: {
          color: "rgb(100,0,0)"
        }
      }
    },
    geo: {
      itemStyle: {
        areaColor: "#eee",
        borderColor: "#444",
        borderWidth: 0.5
      },
      label: {
        color: "#000"
      },
      emphasis: {
        itemStyle: {
          areaColor: "rgba(255,215,0,0.8)",
          borderColor: "#444",
          borderWidth: 1
        },
        label: {
          color: "rgb(100,0,0)"
        }
      }
    },
    categoryAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisTick: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisLabel: {
        show: true,
        color: "#eeeeee"
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#aaaaaa"]
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["#eeeeee"]
        }
      }
    },
    valueAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisTick: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisLabel: {
        show: true,
        color: "#eeeeee"
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#aaaaaa"]
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["#eeeeee"]
        }
      }
    },
    logAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisTick: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisLabel: {
        show: true,
        color: "#eeeeee"
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#aaaaaa"]
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["#eeeeee"]
        }
      }
    },
    timeAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisTick: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisLabel: {
        show: true,
        color: "#eeeeee"
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#aaaaaa"]
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["#eeeeee"]
        }
      }
    },
    toolbox: {
      iconStyle: {
        borderColor: "#999"
      },
      emphasis: {
        iconStyle: {
          borderColor: "#666"
        }
      }
    },
    legend: {
      textStyle: {
        color: "#eeeeee"
      }
    },
    tooltip: {
      axisPointer: {
        lineStyle: {
          color: "#eeeeee",
          width: "1"
        },
        crossStyle: {
          color: "#eeeeee",
          width: "1"
        }
      }
    },
    timeline: {
      lineStyle: {
        color: "#626c91",
        width: 1
      },
      itemStyle: {
        color: "#626c91",
        borderWidth: 1
      },
      controlStyle: {
        color: "#626c91",
        borderColor: "#626c91",
        borderWidth: 0.5
      },
      checkpointStyle: {
        color: "#3fb1e3",
        borderColor: "#3fb1e3"
      },
      label: {
        color: "#626c91"
      },
      emphasis: {
        itemStyle: {
          color: "#626c91"
        },
        controlStyle: {
          color: "#626c91",
          borderColor: "#626c91",
          borderWidth: 0.5
        },
        label: {
          color: "#626c91"
        }
      }
    },
    visualMap: {
      color: ["#2a99c9", "#afe8ff"]
    },
    dataZoom: {
      backgroundColor: "rgba(47,69,84,0)",
      dataBackgroundColor: "rgba(255,255,255,0.3)",
      fillerColor: "rgba(167,183,204,0.4)",
      handleColor: "#a7b7cc",
      handleSize: "100%",
      textStyle: {
        color: "#eeeeee"
      }
    },
    markPoint: {
      label: {
        color: "#eee"
      },
      emphasis: {
        label: {
          color: "#eee"
        }
      }
    }
  },
  "dark": {
    color: [
      "#dd6b66",
      "#759aa0",
      "#e69d87",
      "#8dc1a9",
      "#ea7e53",
      "#eedd78",
      "#73a373",
      "#73b9bc",
      "#7289ab",
      "#91ca8c",
      "#f49f42"
    ],
    backgroundColor: "rgba(20,20,20,1)",
    textStyle: {},
    title: {
      textStyle: {
        color: "#eeeeee"
      },
      subtextStyle: {
        color: "#aaaaaa"
      }
    },
    line: {
      itemStyle: {
        borderWidth: 1
      },
      lineStyle: {
        width: 2
      },
      symbolSize: 4,
      symbol: "circle",
      smooth: false
    },
    radar: {
      itemStyle: {
        borderWidth: 1
      },
      lineStyle: {
        width: 2
      },
      symbolSize: 4,
      symbol: "circle",
      smooth: false
    },
    bar: {
      itemStyle: {
        barBorderWidth: 0,
        barBorderColor: "#ccc"
      }
    },
    pie: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    scatter: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    boxplot: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    parallel: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    sankey: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    funnel: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    gauge: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    candlestick: {
      itemStyle: {
        color: "#fd1050",
        color0: "#0cf49b",
        borderColor: "#fd1050",
        borderColor0: "#0cf49b",
        borderWidth: 1
      }
    },
    graph: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      },
      lineStyle: {
        width: 1,
        color: "#aaa"
      },
      symbolSize: 4,
      symbol: "circle",
      smooth: false,
      color: [
        "#dd6b66",
        "#759aa0",
        "#e69d87",
        "#8dc1a9",
        "#ea7e53",
        "#eedd78",
        "#73a373",
        "#73b9bc",
        "#7289ab",
        "#91ca8c",
        "#f49f42"
      ],
      label: {
        color: "#eee"
      }
    },
    map: {
      itemStyle: {
        areaColor: "#eee",
        borderColor: "#444",
        borderWidth: 0.5
      },
      label: {
        color: "#000"
      },
      emphasis: {
        itemStyle: {
          areaColor: "rgba(255,215,0,0.8)",
          borderColor: "#444",
          borderWidth: 1
        },
        label: {
          color: "rgb(100,0,0)"
        }
      }
    },
    geo: {
      itemStyle: {
        areaColor: "#eee",
        borderColor: "#444",
        borderWidth: 0.5
      },
      label: {
        color: "#000"
      },
      emphasis: {
        itemStyle: {
          areaColor: "rgba(255,215,0,0.8)",
          borderColor: "#444",
          borderWidth: 1
        },
        label: {
          color: "rgb(100,0,0)"
        }
      }
    },
    categoryAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisTick: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisLabel: {
        show: true,
        color: "#eeeeee"
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#aaaaaa"]
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["#eeeeee"]
        }
      }
    },
    valueAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisTick: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisLabel: {
        show: true,
        color: "#eeeeee"
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#aaaaaa"]
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["#eeeeee"]
        }
      }
    },
    logAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisTick: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisLabel: {
        show: true,
        color: "#eeeeee"
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#aaaaaa"]
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["#eeeeee"]
        }
      }
    },
    timeAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisTick: {
        show: true,
        lineStyle: {
          color: "#eeeeee"
        }
      },
      axisLabel: {
        show: true,
        color: "#eeeeee"
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#aaaaaa"]
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["#eeeeee"]
        }
      }
    },
    toolbox: {
      iconStyle: {
        borderColor: "#999"
      },
      emphasis: {
        iconStyle: {
          borderColor: "#666"
        }
      }
    },
    legend: {
      textStyle: {
        color: "#eeeeee"
      }
    },
    tooltip: {
      axisPointer: {
        lineStyle: {
          color: "#eeeeee",
          width: "1"
        },
        crossStyle: {
          color: "#eeeeee",
          width: "1"
        }
      }
    },
    timeline: {
      lineStyle: {
        color: "#eeeeee",
        width: 1
      },
      itemStyle: {
        color: "#dd6b66",
        borderWidth: 1
      },
      controlStyle: {
        color: "#eeeeee",
        borderColor: "#eeeeee",
        borderWidth: 0.5
      },
      checkpointStyle: {
        color: "#e43c59",
        borderColor: "#c23531"
      },
      label: {
        color: "#eeeeee"
      },
      emphasis: {
        itemStyle: {
          color: "#a9334c"
        },
        controlStyle: {
          color: "#eeeeee",
          borderColor: "#eeeeee",
          borderWidth: 0.5
        },
        label: {
          color: "#eeeeee"
        }
      }
    },
    visualMap: {
      color: ["#bf444c", "#d88273", "#f6efa6"]
    },
    dataZoom: {
      backgroundColor: "rgba(47,69,84,0)",
      dataBackgroundColor: "rgba(255,255,255,0.3)",
      fillerColor: "rgba(167,183,204,0.4)",
      handleColor: "#a7b7cc",
      handleSize: "100%",
      textStyle: {
        color: "#eeeeee"
      }
    },
    markPoint: {
      label: {
        color: "#eee"
      },
      emphasis: {
        label: {
          color: "#eee"
        }
      }
    }
  }
}
